define(["jQuery", "kendo" ], function ($, kendo ) {
    return {
		
		show : function(){
			$( "#new-page-dragable-menu" ).show();
		},
		
		// getPaperSize : function(name){ 
			// switch(name)
			// {
			// case 'a1':
			  // return {width:9933/2,height:3508/2}; 
			  // break;
			// case 'a2':
			  // return {width:3508/2,height:2480/2};
			  // break;
			// case 'a3':
			  // return {width:2480/2,height:1754/2};
			  // break;
			// case 'a4':
			  // return {width:1754/2,height:1240/2};
			  // break;
			// case 'a5':
			  // return {width:1240/2,height:874/2};
			  // break;
			// default:
			  // return {width:1754/2,height:1240/2};
			// }
		// },
		getPaperSize : function(name){ 
			switch(name)
			{
			case 'a1':
			  return {width:3178,height:2245}; 
			  break;
			case 'a2':
			  return {width:2245,height:1587}; 
			  break;
			case 'a3':
			  return {width:1587,height:1122}; 
			  break;
			case 'a4':
			  return {width:1122,height:793}; 
			  break;
			case 'a5':
			  return {width:793,height:559}; 
			  break;
			default:
			  return {width:1122,height:793}; 
			}
		},
		
        init: function (e) {
			$("#new-page-dragable-menu").draggable({cancel : "#new-page-selector"});
			$("#new-page-dragable-menu").hide();
			$('#text-box-file-name').on( 'click', function (e) {  
				$(this).focus();
			});
			
			$("#text-box-file-name").val("");
			
			$('.page-new').click(function() {
				App.newPage.show();	
			});
		
			$(".ok-new-page-button").click(function() { 
				App.newPageLayers(App.pageFile.getPaperSize($("#new-page-selector").val()));
				$( "#new-page-dragable-menu" ).hide();	
			});
			
			$(".cancel-button-new-page").click(function() {
				var r=confirm(App.localize("%cancel_confirmation"));
				if (r==true)
				{  
					$( "#new-page-dragable-menu" ).hide();
				}
			});	
		}
	}
});